<?php
include_once '../clases_dominio/CExamen.php';

$objExamen = new CExamen();
$examenes = $objExamen -> listadoExamenes();

if ($examenes == FALSE)
	$totalExamenes = 0;
else {
	$totalExamenes = count($examenes);
}
?>

<!DOCTYPE HTML>
<html>
	<head>
		<!-- <script src="../foundation-4.3.2/js/foundation/foundation-datepicker.js"></script>
		<link rel="stylesheet" href="../foundation-4.3.2/css/foundation-datepicker.css"> -->
		<script>
			$(document).ready(function() {
				$("#bpa").autocomplete({
					source : "../auxiliar/autocomplete_paciente.php"
				});
			})
		</script>
	</head>
	<body>
		<div class="row">
			<div class="large-12 columns">
				<form id="fnse" method="post" action="../formularios_manejadores/ingresar_nvo_solicitud_examen.php" class="custom" >
					<fieldset>
						<legend>
							Nueva Solicitud de  Examen
						</legend>
						<div class="row">
							<!-- Primera fila -->
							<div class="large-12 columns">
								<div class="row">
									<div class="large-4 columns">
										<label>Paciente Solicitante</label>
										<input id='bpa'  type="text" maxlength="50" name="paciente_soli" autofocus onblur="comprobarPaciente(this);">

									</div>

									<!-- <div class="large-6 columns left">
									<span id='msj'></span>
									<label>Examen solicitado</label>
									<input type="text" maxlength="25" name="examen_soli">
									</div> -->
								</div>
							</div>

						</div>

						<div class="row">
							<!-- Segunda fila -->
							<div class="large-12 columns">
								<div class="row">
									<!-- <div class="large-6 columns">
									<label>Fecha solicitud</label>
									<input type="text" class="span2" value="02-10-2012" id="dp1" name="fecha_soli">
									</div> -->
									<div class="large-4 columns">
										<label>Total a Pagar $</label>
										<input id='total' type="text" maxlength="6" value="0.00" readonly>
									</div>
								</div>
							</div>
						</div>

						<fieldset>
							<legend>
								Exámenes Disponibles
							</legend>

							<?php
							if ($totalExamenes > 0) {
								echo "<div class='row'>";
								for ($i = 1; $i <= $totalExamenes; $i++) {

									echo "<div class='large-4 columns left'>
<div class='row'>
<div class='large-7 columns'>" . $examenes[$i - 1]['nombreexa'] . "
</div>
<div class='large-5 columns'>
<input data-precio='" . $examenes[$i - 1]['precioexa'] . "' name='examen[]' type='checkbox' value='" . $examenes[$i - 1]['codigoexa'] . "' onchange='calcularTotal();'/>
</div>
</div></div>";
									if ($i % 3 == 0)
										echo "</div>";
									if ($i % 3 == 0 && $i <= $totalExamenes)
										echo "<div class='row'>";
									// else {
									// if( $i <= $totalExamenes && $i % 3 == 0 ) echo "<div class='row'>";
									// }
									// echo ( $i % 3 == 0 ) ? "</div>" : "<div class='row'>";
								}
							} else {
								echo "<span style='color: red;''>Aun no ha agregado examenes, para agregar examenes haga clic <a onclick='cargarFormNuevoExamen()';>aquí</a></span>";
							}
							?>

							</fieldset>

							<div class="row">
							<div class="large-8 columns">
							<input id='agregar' class="small button success" type="button" value="Agregar"  disabled onclick="enviarForm('fnse');">
							<a class="small button alert" href="administrador.php"  value="Cancelar">Cancelar</a>
							</div>
							</div>
							</div>
							</fieldset>
							</form></div>
							<div class="row">
							
							<div class="large-7 columns large-centered">
								<!-- <div class="row">
																
									<div class="large-12 columns"> -->
										<span id='msj'></span>
										
									<!-- </div>
								</div> -->
							</div>
							
						</div>

							<!-- <div id="Modal1" class="reveal-modal">
							<h2>Exito</h2>
							<p class="lead">
							Transaccion realizada.
							</p>
							<p>
							Se ha Guardado la informacion
							</p>
							<a class="close-reveal-modal">&#215;</a>
							</div>
							<div id="Modal7" class="reveal-modal">
							<h2>Error</h2>
							<p class="lead">
							No coincide el paciente o el tipo de examen que desea guardar.
							</p>
							<a class="close-reveal-modal">&#215;</a>
							</div>
							<div id="Modal8" class="reveal-modal">
							<h2>Eror</h2>
							<p class="lead">
							No se encuentra el registro que desea actualizar.
							</p>
							<p>
							Revise que el codigo de lo que quiere actualizar se encuentre en la base.
							</p>
							<a class="close-reveal-modal">&#215;</a>
							</div>

							<div id="Modal9" class="reveal-modal">
							<h2>Error</h2>
							<p class="lead">
							Fallo en la transaccion realizada.
							</p>
							<p>
							Se ha producido un fallo, el codigo que desea guardar ya esta en la base de datos.
							</p>
							<a class="close-reveal-modal">&#215;</a>
							</div>
							</div>
							</div> -->

							<!-- <script>
							$(function() {
							window.prettyPrint && prettyPrint();
							$('#dp1').fdatepicker({
							format : 'dd-mm-yyyy'
							});
							$('#dp2').fdatepicker({
							closeButton : true
							});
							$('#dp3').fdatepicker();
							$('#dp3').fdatepicker();
							$('#dp-margin').fdatepicker();
							$('#dpYears').fdatepicker();
							$('#dpMonths').fdatepicker();
							var startDate = new Date(2012, 1, 20);
							var endDate = new Date(2012, 1, 25);
							$('#dp4').fdatepicker().on('changeDate', function(ev) {
							if (ev.date.valueOf() > endDate.valueOf()) {
							$('#alert').show().find('strong').text('The start date can not be greater then the end date');
							} else {
							$('#alert').hide();
							startDate = new Date(ev.date);
							$('#startDate').text($('#dp4').data('date'));
							}
							$('#dp4').fdatepicker('hide');
							});
							$('#dp5').fdatepicker().on('changeDate', function(ev) {
							if (ev.date.valueOf() < startDate.valueOf()) {
							$('#alert').show().find('strong').text('The end date can not be less then the start date');
							} else {
							$('#alert').hide();
							endDate = new Date(ev.date);
							$('#endDate').text($('#dp5').data('date'));
							}
							$('#dp5').fdatepicker('hide');
							});
							// implementation of disabled form fields
							var nowTemp = new Date();
							var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
							var checkin = $('#dpd1').fdatepicker({
							onRender : function(date) {
							return date.valueOf() < now.valueOf() ? 'disabled' : '';
							}
							}).on('changeDate', function(ev) {
							if (ev.date.valueOf() > checkout.date.valueOf()) {
							var newDate = new Date(ev.date)
							newDate.setDate(newDate.getDate() + 1);
							checkout.setValue(newDate);
							}
							checkin.hide();
							$('#dpd2')[0].focus();
							}).data('datepicker');
							var checkout = $('#dpd2').fdatepicker({
							onRender : function(date) {
							return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
							}
							}).on('changeDate', function(ev) {
							checkout.hide();
							}).data('datepicker');
							});
							</script> -->
	</body>
</html>